<template>
	<view style="background-color: #F1F1F1;height: 100vh;">
		<view class="main">
			<view class="login-main-title">
				<text class="text">卡号</text>
				<!-- <text class="location">位置?</text> -->
			</view>
			<view class="main-main">
				<input type="number" :value='valuele' v-model="valuele" placeholder="请输入" />
			</view>
			<view class="main-less">
				<button style="color: #FFFFFF;background-color: #4CD964;" @click="makeTrue">确认</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				valuele:''
			}
		},
		onShow() {

		},
		onLoad() {

		},
		methods: {
			makeTrue() {
				let _this = this
				uni.navigateTo({
					url: 'cost?kHao='+ _this.valuele
				});
			}
		}
	}
</script>

<style lang="scss">
	.main {
		margin-left: 5vw;
		margin-right: 5vw;
	}

	.login-main-title {
		height: 10vh;

		.text {
			line-height: 10vh;
			font-weight: 600;
		}

		.location {
			line-height: 10vh;
			font-weight: 600;
			float: right;
		}

	}

	.main-main {
		background-color: white;
		padding-bottom: 5vh;
	}

	.main-less {
		margin-top: 2vh;
	}
</style>
